<template>
	<div class="productExamine">
        <div class="productsee">
                <div v-if="this.$route.query.type == 1">
                        <div class="title">发布新产品审核</div>
                        <div class="palt">
                            <div class="pl">产品名称:</div><div class="pr">{{article.name}}</div>
                        </div>
                        <div class="palt">
                            <div class="pl">可见分销商:</div><div class="pr">{{article.commission}}</div>
                        </div>
                        <div class="palt">
                            <div class="pl">统一佣金额度:</div><div class="pr">{{article.commission}}</div>
                        </div>
                        <div class="beizhutitle">产品详情:</div>
                        <div class="beizhualt" v-html="article.description"></div>
                </div>
                
                <div v-if="this.$route.query.type == 2">
                        <div class="title">产品修改审核</div>
                        <div class="alt">
                            <div class="altli">产品名称：<span class="name">{{article.name}}</span></div>
                        </div>
                        
                        <div class="beizhutitle">修改提要:</div>
                        <div class="beizhualt">{{article.commit}}</div>
                        
                        <div class="beizhutitle">产品详情:</div>
                        <div class="beizhualt" v-html="article.description"></div>
                </div>
                
                
				<!-- <div class="ptitle">
					<div class="pline">产品基础属性</div>
				</div>
				<div class="palt">
					<div class="pl">产品名称:</div><div class="pr">{{article.name}}</div>
				</div>
				<div class="palt">
					<div class="pl">运营商:</div><div class="pr">{{article.operator}}</div>
				</div>
				<div class="palt">
					<div class="pl">供货商:</div><div class="pr">{{article.supplier_id}}</div>
				</div>
				<div class="palt">
					<div class="pl">产品编号:</div><div class="pr">{{article.sku}}</div>
				</div>
				<div class="palt">
					<div class="pl">归属地:</div><div class="pr">{{article.province}}</div>
				</div>
				
				<div class="ptitle">
					<div class="pline">生产项</div>
				</div>
				<div class="palt">
					<div class="pl">生产方式:</div><div class="pr">{{article.produce_method}}</div>
				</div>
				<div class="palt">
					<div class="pl">基于基础产品:</div><div class="pr">{{article.supplier_product_id}}</div>
				</div>
				<div class="palt">
					<div class="pl">身份证审核方式:</div><div class="pr">{{article.real_name_type}}</div>
				</div>
				<div class="palt">
					<div class="pl">关联号池:</div><div class="pr">{{article.pool_name}}</div>
				</div>
				<div class="palt">
					<div class="pl">不发货地区:</div><div class="pr">{{article.warn_province}}</div>
				</div>
				<div class="palt">
					<div class="pl">生产备注:</div><div class="pr">{{article.produce_remark}}</div>
				</div>
				
				<div class="ptitle">
					<div class="pline">详情备注</div>
				</div>
				<div class="beizhutitle">产品详情:</div>
				<div class="beizhualt" v-html="article.description"></div>
				<div class="beizhutitle">修改提要:</div>
				<div class="beizhualt">{{article.commit}}</div> -->
            </div>
			<foot></foot>
	</div>
</template>

<script>
	import axios from "axios";
	import top from '@/components/top.vue'
	import left from '@/components/left.vue'
	import foot from '@/components/foot.vue'
	export default{
		components: {
			"left": left,
			"top": top,
			"foot": foot
		},
		name: 'productExamine',
		data(){
			return{
				article:{},
				loading:true,
				pcorph:true
			}
		},
		created() {
			console.log(this.$route.query.id)
			//获取产品 detail 只能传log id
			var that = this
			axios.get("/api/plan-market/product/plan/verify_logs?action=detail&type="+this.$route.query.type+"&id="+this.$route.query.id)
			.then(function(response){
				that.article = response.data.data
				that.loading = false
			})
			
			
		}
	}
</script>

<style lang="scss" scoped>
	.productExamine{
		margin: 0; padding: 0; background: #EFEFEF;
		.center{ width: 1366px; margin: 0 auto; display: flex; justify-content: space-between;
			.kanban{ flex-basis: 1166px; background: #FFFFFF}
		}
        @media screen and (max-width: 1000px) {
        	.productsee{ padding: 10px; color: #666666; background: #FFFFFF; width: 100%; margin: 0px auto; border: 1px #EAEAEA solid;}
        	.title{ padding-bottom: 20px; font-size: 16px; }
        	.alt{ display: flex; font-size: 14px; }
        	.altli{ margin-right: 30px;}
        	.altli .name{ color: #FFA200;}
        	.altli .se{ color: #3399FF; }
        	.select{ cursor: pointer;}
        	.ptitle{ line-height: 38px; display: flex; align-items: center; height: 38px; background: #F5F5F5; margin-top: 20px; margin-bottom: 20px; 
        	padding-left: 10px; color: #333;}
        	.pline{ border-left: 5px #F7931E solid; height: 16px; line-height: 16px; font-size: 14px; padding-left: 20px;}
        	.palt{ display: flex; margin: 15px 0; font-size: 14px; flex-wrap: wrap;}
        	.pl{ flex-basis:100px; text-align: right; margin-right: 10px; font-size: 14px; line-height: 20px;}
        	.pr{ font-size: 14px;  line-height: 20px; color: #000000;}
        	.beizhutitle{ padding: 20px 0; padding-left: 20px; font-size: 14px;}
        	.beizhualt{ font-size: 13px; margin-bottom: 20px; padding-left: 20px;}
        	.shenheanniu{ display: flex; justify-content: center;}
        }
        @media screen and (min-width: 1000px) {
        	.productsee{ padding: 20px; color: #666666; background: #FFFFFF; width: 1000px; margin: 0px auto; border: 1px #EAEAEA solid;}
        	.title{ padding-bottom: 20px; font-size: 27px; margin: 20px}
        	.alt{ display: flex; margin: 20px}
        	.altli{ margin-right: 30px;}
        	.altli .name{ color: #FFA200;}
        	.altli .se{ color: #3399FF; }
        	.select{ cursor: pointer;}
        	.ptitle{ line-height: 48px; display: flex; align-items: center; height: 48px; background: #F5F5F5; margin-top: 40px; margin-bottom: 20px; padding-left: 30px; color: #333;}
        	.pline{ border-left: 5px #F7931E solid; height: 16px; line-height: 16px; padding-left: 20px;}
        	.palt{ display: flex; margin: 15px 0; font-size: 14px;  flex-wrap: wrap;}
        	.pl{ flex-basis: 128px; text-align: right; margin-right: 10px;}
        	.pr{}
        	.beizhutitle{ padding: 20px 0; padding-left: 50px;}
        	.beizhualt{ font-size: 14px; margin-bottom: 20px; padding-left: 50px;}
        	.shenheanniu{ display: flex; justify-content: center;}
        }
	}
</style>
